<template>
    <div id="nodeDetail">
      <h4>阅读笔记详情</h4>
      <div class="select clearfix">
        <p>{{content.content}}</p>
        <i>《{{content.name}}》</i>
      </div>
    </div>
</template>

<script>
    export default {
        name: "nodeDetail",
      data(){
          return{
            content:''
          }
      },
      mounted(){
        console.log(this.$route.params); //获取动态路由传值
        this.content=JSON.parse(this.$route.params.node);
          // console.log(this.$route.query.node);
      },
    }
</script>

<style scoped>
  h4{
    font-size: 24px;
    font-weight: 400;
    text-align: center;
  }
  div.select{
    text-align: left;
    background-color: pink;
    font-size: 24px;
    color: palevioletred;
    padding: 20px 10px;
    line-height: 1.6;
    border-radius: 10px;
  }
  .select i{
    display: block;
    float: right;
    font-style: oblique;
    margin-top: 5px;
  }
</style>
